<template>
  <div class="home-container">
    <div class="search-wrap">
        <SearchInput />
      </div>
    <van-tabs v-model="active" animated sticky>
      
      <van-tab title="待评估">
        <Evaluate />
      </van-tab>
      <van-tab title="已完成">
        <Complete />
      </van-tab>
      <van-tab title="已录入">
        <Entering />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import Evaluate from './Sub/Evaluate.vue';
import Complete from './Sub/Complete.vue';
import Entering from './Sub/Entering.vue';
import SearchInput from '@/components/SearchInput/index.vue';

export default {
  components:{
    Evaluate,
    Complete,
    Entering,
    SearchInput,
  },
  data() {
    return {
      username:'',
      active: 0,
    };
  },
  created() {
  
  },
  mounted() {
 
  },
  // 页面销毁
  beforeDestroy() {
 
  },
 
  methods: {
  },
};
</script>

<style lang="scss" scoped>
  .home-container {
    position: relative;
    height: 100%;

    .search-wrap {
      position: absolute;
      left: 0;
      top: .44rem;
    }
    .van-tabs {
      height: 100%;

      // ::v-deep(.van-tabs__content) {
      //   height: calc(100% - 44px);
      // }
    }
  }
</style>
